import {Handle, Position} from "@xyflow/react";
import {Input} from "antd";
import {Dispatch, SetStateAction} from "react";


interface InputNodeProps {
    id: string;
    data: {
        value: string;
        setNodes: Dispatch<SetStateAction<Node[]>>;
    }
    isConnectable:boolean
}

const InputNode = (props:InputNodeProps) => {
    return (
        <div className={"p-2 bg-pink-600"}>
            <Handle
                type="target"
                position={Position.Bottom}
                onConnect={(params) => console.log('handle onConnect', params)}
                isConnectable={props.isConnectable}
            />
            {props.id}
            <Input/>
        </div>
    );
};

export default InputNode;
